<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>首页</title>
<!-- zui css -->
<link rel="stylesheet" th:href="@{/zui/css/zui.min.css}">

<!-- jquery js -->
<script th:src="@{/zui/lib/jquery/jquery.js}"></script>
</head>
<body>
	<div class="container-fluid wraper-bg">
		<nav class="navbar" role="navigation">
			<div class="container">
				<!-- 导航头部 -->
				<div class="navbar-header">
					<!-- 移动设备上的导航切换按钮 -->
					<button type="button" class="navbar-toggle" data-toggle="collapse"
						data-target=".navbar-collapse-example">
						<span class="sr-only">切换导航</span> <span class="icon-bar"></span> <span
							class="icon-bar"></span> <span class="icon-bar"></span>
					</button>
					<!-- 品牌名称或logo -->
					<a class="navbar-brand" href="your/nice/url">RobotService</a>
				</div>
				<!-- 导航项目 -->
				<div class="collapse navbar-collapse navbar-collapse-example">
					<!-- 一般导航项目 -->
					<ul class="nav navbar-nav">
						<li class="active"><a href="your/nice/url">社团</a></li>
						

						<!-- 导航中的下拉菜单 -->
						<li class="dropdown"><a href="your/nice/url"
							class="dropdown-toggle" data-toggle="dropdown">竞赛<b
								class="caret"></b></a>
							<ul class="dropdown-menu" role="menu">
								<li><a href="your/nice/url">互联网+</a></li>
								<li><a href="your/nice/url">学科竞赛</a></li>
							</ul></li>
							<li><a th:href="@{/app/docs}">文档</a></li>
					</ul>
					
					<!-- 右侧的导航项目 -->
				<ul class="nav navbar-nav navbar-right">
					<li><a href="your/nice/url"><i class="icon icon-user"></i>登录</a></li>
					<li><a href="your/nice/url">创新基地</a>
						</li>
				</ul>
				</div>
				<!-- END .navbar-collapse -->

				
			</div>
		</nav>

	</div>
	<!-- zui js -->
	<script th:src="@{/zui/js/zui.min.js}"></script>
</body>
</html>